<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link type="text/css" href="estilo/general.css" rel="stylesheet"  />
<link type="text/css" href="estilo/formulario.css" rel="stylesheet"  />
<link href='http://fonts.googleapis.com/css?family=Lobster&subset=latin' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="js/jquery-latest.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript" src="js/jquery.galletas.js"></script>
<script type="text/javascript" language="javascript">

$(document).ready(function(){
    	// Mostramos el loader
	var nbooks = String($.cookie('libros'));
	$("#contador").append(nbooks.toString());
	$('#contador').append('<div align="center" style="font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#06C; font-weight:bold;">Libros Registrados</div>');
    $().ajaxStart(function() {
        $('#loading').show();
        $('#result').hide();
    }).ajaxStop(function() {
        $('#loading').hide();
        $('#result').fadeIn('slow');
    });

	var v = jQuery("#myform").validate({
			
			submitHandler: function(form) {
				jQuery(form).ajaxSubmit({
					target: "#result",
					success: function(data) {
						$("#result").html(date);
					}
				});
				
				//window.location.href="http://www.pronet21.com";
				
			}
		});

	
    $("a.menu").animate({opacity: "0.4"},"fast");
    $("a.menu").mouseover(function () {
      $(this).animate({opacity: "1"},"fast");
    });
	
	$("a.menu").mouseout(function () {
      $(this).animate({opacity: "0.33"},"fast");
    });
	
	$("input, textarea").not(":submit").bind("focus", function(){
		$(this).closest("li").addClass("focused");
	});
	$("input, textarea").bind("blur", function() {
		$(this).closest("li").removeClass("focused");
	});
	/*// Enviamos el formulario
    $('#myform').submit(function() {
   // Definimos el metodo ajax, los datos
        $.ajax({
            type: 'POST',
            url: $(this).attr('action'),
            data: $(this).serialize(),
            success: function(data) {
                // Imprimimos la respuesta en el div result
                $('#result').html(data);

            }
        })
        return false;
    }); */
  });
</script>
<title>Contácto</title>
</head>
<body>
<div class="tail_right">
  <div id="main_bg">
    <div class="bg2_body">
      <div class="logo"></div>
      <div id="contenido">
        <div id="navcontainer">
          <ul id="navlist">
            <li><a href="inicio.html" class="menu">Inicio</a></li>
            <li><a href="biblioteca.html" class="menu">Biblioteca</a></li>
            <li class="m"><a href="perlas-literarias.html" class="menu">Perlas Literarias</a></li>
            <li class="m"><a href="libros-mas-vistos.html" class="menu">Libros más vistos</a></li>
            <li class="m"><a href="libros-mas-antiguos.html" class="menu">Libros más antíguos</a></li>
            <li><a href="contacto.html" class="menu">Contactenos</a></li>
          </ul>
          <div style="border:1px solid #CCC; margin-top:5px; background-color:#f0f0f0; font-family: 'Lobster', arial, serif; color:#06C; font-size:36px;" align="center" id="contador">
          
          
          </div>
          <div style="background-color:#f0f0f0; margin-top:5px; padding:5px; width:210px;">
            <div id="loading"></div>
            <div id="result"></div>
          </div>
        </div>
        <div id="bienvenida">
          <!--div id="container2"-->
          <form id="myform" class="wufoo " enctype="multipart/form-data" method="post" action="envio.email.php">
            <div class="info">
              <h2>Formulario de Contácto</h2>
              <div></div>
            </div>
            <ul>
              <li class="   " id="fo27li1" >
                <label id="title1" class="desc" for="Field1"> Mensaje <span id="req_1" class="req">*</span> </label>
                <div>
                  <textarea id="mensaje" class="field textarea medium required" name="mensaje" rows="10" cols="50" tabindex="1"  ></textarea>
                </div>
                <p class="instruct " id="instruct1"><small>Escriba algo en este campo.</small></p>
              </li>
              <li id="fo27li2" class="   " >
                <label class="desc" id="title2" for="Field2"> Correo Electrónico <span id="req_1" class="req">*</span> </label>
                <div>
                  <input id="email" class="field text large email required" name="email" tabindex="2" type="text" maxlength="255" value="" />
                </div>
                <p class="instruct " id="instruct2"><small>Escriba una dirección de correo electrónico válida.</small></p>
              </li>
              <li class="buttons">
                <input id="saveForm" class="btTxt submit" type="submit" tabindex="3" value="Submit" />
              </li>
            </ul>
          </form>
          <!--/div-->
        </div>
      </div>
    </div>
  </div>
  <div class="powerby"><a title="Pronet Soluciones 21, C.A" href="http://www.pronet21.com">Pronet21.com</a></div>
  <div class="w3c"><a href="http://jigsaw.w3.org/css-validator/validator?uri=www.lineadesign3000.com"><img src="imagen/icon_w3c_css.gif" height="12" width="54" /></a>&nbsp;<a href=""><img src="imagen/icon_w3c_html.gif" height="12" width="62" /></a></div>
</div>
</body>
</html>
